<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    /*
    浅拷贝：浅拷贝拷贝的是地址 
    如果是简单数据类型拷贝的是值，如果是引用数据类型拷贝的是地址(单层对象拷贝没问题，多层对象拷贝有问题)

    直接赋值和浅拷贝有什么区别？？
      直接赋值的方法，只要是对象都会互相影响，因为是直接拷贝对象栈里面的地址
      浅拷贝如果是一层对象，不相互影响，如果出现多层对象拷贝还是会相互影响
    
    浅拷贝怎么理解？？
      浅拷贝对象之后，里面的属性值是简单数据类型直接拷贝值
      如果属性值是引用数据类型则拷贝的是地址
     */

    /*
    const object1={name:"陶品奇",age:22}
    const object2={...object1}
    object2.name="马云"
    console.log(object1,object2);
    */
    /*
    const object1={}
    const object2={name:"陶品奇",age:22}
    Object.assign(object1,object2)
    object1.name="马云"
    console.log(object1,object2);
    */

    const object1 = { name: "大陶品奇", age: 22, children: { value: "小陶品奇" } }
    const object2 = { ...object1 }
    object2.name = "大马云"
    object2.children.value="小马云"
    console.log(object1,object2);
  </script>
</body>

</html>